body {
    background-color: #f2f2f2;
}

.nav {
    position        : fixed;
    z-index         : 222;
    height          : 0.45rem;
    background-color: white;
    opacity      : 0;
    border-bottom   : 1px solid rgb(219, 219, 219);
}

.nav>a {
    width          : 0.4rem;
    display        : inline-block;
    height         : 0.45rem;
    justify-content: center;
    display        : flex;
    align-items    : center;
}

.nav .nav1 {
    flex: 2;

    padding: 0 0.1rem;
}

.fanhui {
    display        : inline-block;
    width          : 0.2rem;
    height         : 0.2rem;
    background     : url("") no-repeat 50%;
    background-size: contain;
}

.nav-er {
    width          : 0.2rem;
    height         : 0.2rem;
    display        : inline-block;
    background     : url() no-repeat 50%;
    background-size: contain;
}

.nav1 div {
    font-size: 0.13rem;
    position : relative;
}

.jianb::after {
    content         : "";
    display         : block;
    width           : 0.28rem;
    height          : 0.03rem;
    position        : absolute;
    bottom          : -0.04rem;
    left            : 50%;
    margin-left     : -0.14rem;
    background-image: linear-gradient(to right, red, white);
}

.max {
    height  : 3.2rem;
    overflow: hidden;
}

.max ul {
    position: absolute;
    width   : calc(7*3.2rem);
}

.max ul li {
    float : left;
    width : 3.2rem;
    height: 3.2rem;

}

.max div {
    position        : absolute;
    width           : 0.3rem;
    background-color: rgb(117, 117, 117);
    height          : 0.3rem;
    top             : 5%;
    border-radius   : 50%;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.max div:last-of-type {
    right: 0;
}

.max div:first-of-type i,
.max div:last-of-type i {
    display: inline-block;
    height : 0.2rem;
    width  : 0.2rem;
}

.max div:first-of-type i {
    background     : url() no-repeat 50%;
    background-size: cover;
}

.max div:last-of-type i {
    background     : url() no-repeat 50%;
    background-size: contain;
}

.ye {
    position        : absolute;
    bottom          : 5%;
    color           : white;
    display         : inline-block;
    width           : 0.38rem;
    right           : 0;
    text-align      : center;
    border-radius   : 0.12rem 0 0 0.12rem;
    background-color: rgba(0, 0, 0, .5);
}

.miaosha {
    height         : 0.42rem;
    padding-left   : 0.5rem;
    overflow       : hidden;
    background     : url(../img/62ae747801d915b8.png) no-repeat;
    background-size: cover;
}

.miaosha div:first-of-type p {
    line-height: initial;
}

.miaosha-qian {
    text-decoration: line-through;
}

.miaosha div:last-of-type div:last-of-type span {
    background-color: pink;
    padding         : 0.03rem 0.01rem;
    border-radius   : 0.04rem;
}

.shouchang {
    padding         : 0.12rem 0.18rem;
    background-color: white;
}

.shouchang div:first-of-type p {
    flex: 4;
}

.shouchang div:first-of-type a {
    width     : 0.56rem;
    flex      : 1;
    text-align: center;
    padding   : 0.2rem 0 0 0rem;
    display   : inline-block;
    position  : relative;

}

.shouchang div:first-of-type a::after {
    position       : absolute;
    display        : block;
    content        : "";
    left           : 50%;
    margin-left    : -0.09rem;
    top            : 0;
    width          : 0.18rem;
    height         : 0.18rem;
    background     : url();
    background-size: cover;
}

.gouwu {
    padding   : 0 0.18rem;
    height    : 0.37rem;
    background: #fbf0fd;
}

.gouwu i:first-of-type {
    width            : 0.6rem;
    display          : inline-block;
    height           : 0.13rem;
    background       : url();
    background-size  : 100%;
    background-repeat: no-repeat;
}

.ioc {
    width          : 0.2rem;
    display        : inline-block;
    height         : 0.2rem;
    background     : url() no-repeat;
    background-size: contain;
}

.youhui {
    padding         : 0.18rem 0.18rem 0.12rem;
    background-color: white;
    border-radius   : 0.15rem;
}

.zhuan {
    position        : relative;
    background-color: red;
    padding         : 0.02rem 0.06rem;
    border-radius   : 0.04rem;
}

.zhuan:first-of-type {
    background-color: transparent;
    border          : 1px solid red;
}

.zhuan::after,
.zhuan::before {
    content         : "";
    position        : absolute;
    top             : 50%;
    margin-top      : -0.03rem;
    border          : 1px solid red;
    width           : 0.02rem;
    height          : 0.06rem;
    background-color: white;
}

.zhuan:first-of-type::before,
.zhuan:last-of-type::before {
    left: -0.01rem;

    border-left  : none;
    border-radius: 0 0.03rem 0.03rem 0;
}

.zhuan:first-of-type::after,
.zhuan:last-of-type::after {
    right        : 0rem;
    border-right : none;
    border-radius: 0.03rem 0 0 0.03rem;
}

.youhui-xin {
    width: 2.32rem;
}

.youhui-xin .zeng>span:last-of-type {
    width  : 1.76rem;
    display: inline-block;
}

.youhui-xin .zeng>span:first-of-type {
    border       : 1px solid red;
    color        : red;
    padding      : 0 0.03rem;
    display      : inline-block;
    border-radius: 0.02rem;
}

.xuanz {
    padding         : 0 0.18rem;
    border-radius   : 0.15rem 0.15rem 0 0;
    background-color: white;
}

.xuanz article span div {
    display    : inline-block;
    width      : 2.2rem;
    margin-left: 0.1rem;
}

.shouhou {
    padding         : 0.12rem 0.18rem;
    border-radius   : 0 0 0.15rem 0.15rem;
    background-color: #fafafa;
}

.pingjia {
    padding         : 0 0.18rem;
    background-color: white;
    border-radius   : 0.15rem 0.15rem 0 0;
}

.xinxin {
    display: inline-block;
    width  : 0.1rem;
    height : 0.1rem;
}

.yonghu {
    width        : 0.2rem;
    height       : 0.2rem;
    display      : inline-block;
    border-radius: 50%;
}

.fengx {
    width        : 0.8rem;
    height       : 0.8rem;
    border-radius: 10%;
}

button {
    width           : 1rem;
    background-color: transparent;
    height          : 0.25rem;
    border-radius   : 0.12rem;
    margin          : 0.2rem auto 0.2rem;

    border: 1px solid #a7a5a5;
}

.wenda {
    border-radius   : 0 0 0.15rem 0.15rem;
    background-color: white;
    border-top      : 0.02px solid rgb(206, 204, 204);
    padding         : 0.10rem 0.18rem;
}

.jieshao {
    padding         : 0.12rem 0.18rem;
    border-radius   : 0.15rem 0.15rem 0 0;
    background-color: white;
}

.logo {
    width          : 1rem;
    height         : 0.2rem;
    margin         : 0 auto;
    background     : url() no-repeat;
    background-size: 100%;
}

.sp-content {
    padding-bottom  : 0.8rem;
    background-color: white;
}

.canshu {
    padding         : 0.2rem 0.1rem 0.8rem;
    background-color: white;
    height          : 5.22rem;
}

.canshu-xian div:first-of-type,
.canshu-xian div:last-of-type {
    height          : 0.02rem;
    flex            : 1;
    background-color: whitesmoke;
}

.canshu article:last-of-type {
    display              : grid;
    margin-top           : 0.05rem;
    grid-template: repeat(4,1fr)/1fr 2fr;
    border               : 1px solid #a7a5a5;
    border-right         : none;
    border-bottom        : none;
}

.canshu article:last-of-type>div {
    font-size    : 0.12rem;
    color        : grey;
    padding      : 0.05rem;
    border-bottom: 1px solid #a7a5a5;
    border-right : 1px solid #a7a5a5;
}

.canshu article:last-of-type>div:nth-child(3) {
    grid-area: 2/1/2/3;
}

.shuoming {
    padding         : 0.2rem 0.1rem 0.8rem;
    background-color: white;
}

.xihuan {
    padding         : 0.15rem 0.18rem 0.1rem;
    background-color: white;
    border-radius   : 0.15rem;
}

.xihuan-content1 article div {
    width: 0.91rem;
}

.xihuan-content1 article div img {
    width        : 0.91rem;
    border-radius: 10%;
}

.xihuan-content1 {
    width: 2.84rem;
}

.xihuan-content {
    position: absolute;
  
    width: calc(4*2.84rem);
}

.hidden{
    overflow: hidden;
    height: 3.2rem;
}
ol{
    position: absolute;
    bottom: 0px;
    z-index: 111;
    left: 30%;
}
ol>li{
  
border-radius: 0.2rem;
width: 0.2rem;
height: 0.04rem;
float: left;
margin-left: 0.04rem;
background-color: rgba(182, 182, 182, 0.5);
}
footer{
    position: fixed;
    bottom: 0;
    z-index: 2222;
    height: 0.5rem;
    border-top: 1px solid #a7a5a5;
}
.i{
    display: inline-block;
    width: 0.2rem;
    height: 0.25rem;

}
.dian{
    background: url() 50% no-repeat;
    background-size: contain;
}
.kefu{
    background: url() 50% no-repeat;
    background-size: contain;
}
.gouw{
    background: url() 50% no-repeat;
    background-size: contain;
}
footer div p{
    line-height:1;
}
footer button{
    width: 0.83rem;
    height: 0.38rem;
    border-radius: 0.19rem;
border: none;
    /* flex-grow: 2; */
}

.ze{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11111;
    bottom: 0;
    background-color: rgba(0, 0, 0, .2);
}
.ze-content{
    position: absolute;
    top: 20%;
    height: 3.0rem;
}
.zuji-img{
    width: 0.95rem;
    border: 1px solid #a7a5a5;
    height: 1.45rem;
    padding: 0 0.03rem;
}
.zuji-img div:first-of-type{
    width: 0.87rem;
    height: 0.87rem;
    margin-top: 0.03rem;
}
.zuji-img div:last-of-type{
    position: absolute;
    bottom: 6%;
    right: 6%;
    width: 0.15rem;
    height: 0.15rem;
    background: url() no-repeat;
    background-size: contain;
}
.list{
    height: 2.1rem
}
.ze-content .chakan{
    display: inline-block;
    width: 100%;
    text-align: center;
}

.tan{
    position: fixed;
    bottom: 18%;
    right: 0;
    visibility: hidden;
    /* visibility: visible; */
    border: 1px solid white;
    width: 0.4rem;
    height: 0.4rem;
}